//先引入vue
import Vue from "vue"
//导入vant中的组件
import  {
    Button,
    Toast,
    Rate,
    Tabbar, 
    TabbarItem,
    Icon,
    Swipe, 
    SwipeItem,
    Grid, 
    GridItem,
    Card,
    Search,
    Sidebar, 
    SidebarItem,
    GoodsAction, 
    GoodsActionIcon, 
    GoodsActionButton,
    Tab, 
    Tabs,
    Empty,
    Tag,
    Form,
    Field,
    Popup,
    Area,
    CountDown,
    Cell,
    Stepper,
    SwipeCell,
    SubmitBar,
    Checkbox,
    Dialog,
    ContactCard,
    NavBar 
} from "vant"
//导入样式
import 'vant/lib/index.css';
//注册导入的组件 目的是让在项目中的所有的组件都能直接使用
Vue.use(NavBar);
Vue.use(Button)
Vue.use(Rate);
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(Icon);
Vue.use(Swipe);
Vue.use(SwipeItem);
Vue.use(Grid);
Vue.use(GridItem);
Vue.use(Card);
Vue.use(Search);
Vue.use(Sidebar);
Vue.use(SidebarItem);
Vue.use(GoodsAction);
Vue.use(GoodsActionButton);
Vue.use(GoodsActionIcon);
Vue.use(Tab);
Vue.use(Tabs);
Vue.use(Empty);
Vue.use(Tag);
Vue.use(Form);
Vue.use(Field);
Vue.use(Popup);
Vue.use(Area);
Vue.use(CountDown);
Vue.use(Cell);
Vue.use(Stepper);
Vue.use(SwipeCell);
Vue.use(SubmitBar);
Vue.use(Checkbox);
Vue.use(ContactCard);
//在逻辑中使用的组件可以挂在原型上
Vue.prototype.$toast=Toast
Vue.prototype.$dialog=Dialog